<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="https://s1.328888.xyz/2022/09/11/KbBfh.png" type="image/x-icon" />
  <title>咸鱼SaltedFish</title>
  <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.css">

  <script src="https://unpkg.com/swiper@8/swiper-bundle.js"> </script>

</head>

<body>
<div id="top">
    <div id="topW">
      <ul id="topWleft"></ul>
      <ul id="topWright">
        <li class="toggle">
          <a href="#" id="topLogin">您好, 请登录</a>
          <a href="#" id="topReg" style="color:#fc6232;">免费注册</a>
        </li>
        <li id="bow">
          <a href="#" class="clear" >注销</a>
          <a href="#" id="bowReg" style="color:#fc6232;"></a>
        </li>
        <li class="spacer"></li>
        <li><a href="">个人中心</a></li>
        <li class="spacer"></li>
        <li><a href="">咸鱼会员</a></li>
        <li class="spacer"></li>
        <li><a href="http://localhost:81/">服务中心</a></li>
        <li class="spacer"></li>
        <li><a href="">交易流程</a></li>
        <li class="spacer"></li>
        <li id="appbox">
          <a href=""> <span class="iconfont icon-shouji"></span>手机咸鱼</a>
          <div id="appimg">
            <img src="https://s1.328888.xyz/2022/09/13/KtYLk.png" alt="app二维码">
          </div>
        </li>
      </ul>
    </div>
  </div>

  <div id="head">
    <div id="headW">
      <div id="headWlogo">
        <a href="index.html">
          <img src="https://s1.328888.xyz/2022/09/11/KbG0s.png" alt="">
        </a>
      </div>
      <div id="headWsearch">
        <input type="text" placeholder="输入你想要查找的商品">
        <button type="submit"><span class="iconfont icon-sousuo"></span>搜索</button>
      </div>
      <div id="headWsale">出售闲置</div>
    </div>
  </div>


  <div id="nav">
    <div id="navW">
      <nav style="color:white;">
        <div id="menu">全部商品分类 <span class="iconfont icon-fenlei"></span></div>
        <ul id="menu-ul">
          <li><a href="#goodstit1">家居用品</a><span>></span></li>
          <li><a href="#goodstit2">美妆美容</a><span>></span></li>
          <li><a href="#goodstit3">汽摩生活</a><span>></span></li>
          <li><a href="#goodstit4">手机数码</a><span>></span></li>
          <li><a href="#goodstit5">图书杂志</a><span>></span></li>
          <li><a href="#goodstit6">运动户外</a><span>></span></li>
        </ul>
      </nav>
      <div class="fenye"><a href="">咸鱼盐选</a></div>
      <div class="fenye"><a href="">以旧换新</a></div>
      <div class="fenye"><a href="">海淘淘</a></div>
      <div class="fenye"><a href="">直播热卖</a></div>
      <div class="fenye"><a href="">会员专区</a></div>
    </div>
  </div>


  <div id="carousel">
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/11/Kb6tw.png" alt=""></div>
        <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/11/Kb3Bg.jpg" alt=""></div>
        <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/11/KbTWi.jpg" alt=""></div>
        <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/11/KbbYn.png" alt=""></div>
      </div>
      <div class="swiper-pagination"></div>

    </div>
  </div>


  <div id="board">
    <div id="boardW">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/14/cBE0d.png"></div>
          <div class="swiper-slide"><img
              src="https://img.alicdn.com/imgextra/i2/6000000006675/O1CN01SEpdnP1zBCW3KuZrU_!!6000000006675-0-octopus.jpg"
              alt=""></div>
          <div class="swiper-slide"><img
              src="https://img.alicdn.com/imgextra/i1/6000000004570/O1CN01B0jaUp1jd6nWcaZzU_!!6000000004570-2-octopus.png"
              alt=""></div>
          <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/15/cMeAK.png"
              alt=""></div>
          <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/14/c3CPC.webp" alt=""></div>
          <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/14/c3Uek.webp" alt=""></div>
          <div class="swiper-slide"><img
              src="https://img10.360buyimg.com/babel/s1420x746_jfs/t1/11531/38/20182/34978/63199438Ea260258f/9145624bcb4527e7.jpg!cc_1420x746.webp"
              alt=""></div>
          <div class="swiper-slide"><img
              src="https://img30.360buyimg.com/babel/s1420x746_jfs/t1/213183/16/21217/392343/631716c5Eb594740e/d9f05c0f1a1b1bd5.png!cc_1420x746.webp"
              alt=""></div>
          <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/14/c3mig.jpg" alt=""></div>
          <div class="swiper-slide"><img src="https://s1.328888.xyz/2022/09/14/c3lxi.jpg" alt=""></div>
        </div>
      </div>
    </div>
  </div>


  <div id="pic">
    <img src="https://s1.328888.xyz/2022/09/13/KRAxi.jpg" alt="">
  </div>


  <div id="content">
    <div id="goods1" class="goods">
      <div class="goodstit" id="goodstit1"></div>
      <div class="goodsitem">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="goods-goods">
                <img src="">
                <h2>名称</h2>
                <h4>成色</h4>
                <h3>￥价格</h3>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods">
              </div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="goods2" class="goods">
      <div class="goodsitem">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="goodstit" id="goodstit2"></div>
    </div>
    <div id="goods3" class="goods">
      <div class="goodstit" id="goodstit3"></div>
      <div class="goodsitem">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="goods4" class="goods">
      <div class="goodsitem">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="goodstit" id="goodstit4"></div>
    </div>
    <div id="goods5" class="goods">
      <div class="goodstit" id="goodstit5"></div>
      <div class="goodsitem">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="goods6" class="goods">
      <div class="goodsitem">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="goods-goods">1</div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods">2</div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods">3</div>
            </div>
            <div class="swiper-slide">
              <div class="goods-goods">4</div>
            </div>
          </div>
        </div>
      </div>
      <div class="goodstit" id="goodstit6"></div>
    </div>
  </div>


  <div id="footer">
    <div id="footerW">
      <img src="https://s1.328888.xyz/2022/09/14/cBw5E.png" alt="">
    </div>
  </div>


  <div id="bottom">
    <div id="bottomW1">
      <ul class="bottomList">
        <li class="bottomListFirst">购物指南</li>
        <li>购物流程</li>
        <li>会员介绍</li>
        <li>常见问题</li>
        <li>联系客服</li>
      </ul>
      <ul class="bottomList">
        <li class="bottomListFirst">配送方式</li>
        <li>菜鸟驿站</li>
        <li>配送查询</li>
        <li>海外配送</li>
        <li>上门自提</li>
      </ul>
      <ul class="bottomList">
        <li class="bottomListFirst">支付方式</li>
        <li>货到付款</li>
        <li>在线支付</li>
        <li>分期付款</li>
        <li>京东白条</li>
      </ul>
      <ul class="bottomList">
        <li class="bottomListFirst">售后服务</li>
        <li>售后政策</li>
        <li>价格保护</li>
        <li>退款说明</li>
        <li>取消订单</li>
      </ul>
      <ul class="bottomList">
        <li class="bottomListFirst">特色服务</li>
        <li>咸鱼会员</li>
        <li>咸鱼课堂</li>
        <li>商品免邮</li>
        <li>手机资讯</li>
      </ul>
    </div>
    <div id="bottomW2">
      <ul>
        <li>关于我们</li>
        <li>|</li>
        <li>联系我们</li>
        <li>|</li>
        <li>联系客服</li>
        <li>|</li>
        <li>合作招商</li>
        <li>|</li>
        <li>商家帮助</li>
        <li>|</li>
        <li>营销中心</li>
        <li>|</li>
        <li>手机咸鱼</li>
        <li>|</li>
        <li>友情链接</li>
        <li>|</li>
        <li>隐私政策</li>
      </ul>
    </div>
    <div id="bottomW3">
      <h6>Copyright © 2022 SaltedFish</h6>
    </div>
  </div>


  <div id="bar">
    <div id="barShopcar" class="bars">
      <span class="iconfont icon-gouwuche" id="shopcar"></span>
    </div>
    <div id="barHelp" class="bars">
      <span class="iconfont icon-kefu"></span>
    </div>
    <div id="barTotop" class="bars">
      <span class="iconfont icon-xiangshang"></span>
    </div>
  </div>

  <div id="bar2">

    <a id="goodsbar1" class="goodsbars" href="#goodstit1">

    </a>
    <a id="goodsbar2" class="goodsbars" href="#goodstit2">

    </a>
    <a id="goodsbar3" class="goodsbars" href="#goodstit3">

    </a>
    <a id="goodsbar4" class="goodsbars" href="#goodstit4">

    </a>
    <a id="goodsbar5" class="goodsbars" href="#goodstit5">

    </a>
    <a id="goodsbar6" class="goodsbars" href="#goodstit6">

    </a>


  </div>


  <div id="blackM"></div>

  <div id="ptp">
    <div id="ptpHead">
      <h1>发布商品</h1>
    </div>
    <div id="ptpBody">
      <form action="/api/goods/upload" method="post" enctype="multipart/form-data">
        <div>
          <label for="">商品名称: <input type="text" name="name" placeholder="输入商品名称"></label>
        </div>
        <div>
          <label for="">商品描述: <input type="text" name="describe" placeholder="输入商品描述"></label>
        </div>
        <div>
          <label for="">商品价格: <input type="text" name="price" placeholder="输入商品价格"></label>
        </div>
        <div>
          <label for="">商品分类: <input type="text" name="classify" placeholder="输入商品分类"></label>
        </div>
        <div>
          <label for="">商品成色: <input type="text" name="fineness" placeholder="输入商品价格"></label>
        </div>
       
        <div>
          <label class="btn btn-info" for="uploadfile">上传商品图片<i class="fa fa-plus" aria-hidden="true"></i></label>
          <input type="file" name="file" id="uploadfile" style="position:absolute;clip:rect(0 0 0 0);">
          <img  src="./images/fish.png" style="width:50px; height:50px;" id="result" >
        </div>
        <div class="ptpbtn2">
          <button type="submit" id="push">发布</button>
          <button type="button" id="ptpNull">取消</button>
        </div>
       
       
      </form>
      </form>
    </div>
    <div id="ptpFoot"></div>
  </div>

  <div id="loginBox">
    <div id="loginHead">
      <h1>登录账号</h1>
    </div>
    <div id="loginBody">
      <form action="" name="loginUser">
        <div>
          <label for="">用户名：<input name="username"  type="text" placeholder="请输入用户名"></label>
        </div>
        <div>
          <label for="">密　码：<input type="password" name="password" placeholder="请输入密码"></label>
        </div>
        <div id="loginUser3">
          <button type="submit">登 录</button>
          <button>忘记密码</button>
        </div>
      </form>
    </div>
    <div id="loginFoot">
      <a href="#" id="goRegBox">暂无账号?前往注册 ></a>
    </div>
  </div>

  <div id="regBox">
    <div id="regHead">
      <h1>注册账号</h1>
    </div>
    <div id="regBody">
      <form action="" name="regUser">
        <div>
          <label for="">用户名　:<input type="text" name="username" placeholder="请输入用户名"></label>
        </div>
        <div>
          <label for="">密　码　:<input type="password" name="password" placeholder="请输入密码"></label>
        </div>
        <div>
          <label for="">确认密码:<input type="password" placeholder="请再次输入密码"></label>
        </div>
        <div id="loginUser3">
          <button type="submit">注册</button>
        </div>
      </form>
    </div>
    <div id="regFoot">
      <a href="#" id="goLoginBox">已有账号?前往登录 ></a>
    </div>
  </div>
</body>

</html>